<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>邮件模板</title>
</head>
<body>
<!--<a href="#" th:href="@{http://www.ityouknow.com/register/{id}(id=${id})}">激活</a>-->
<div style="height: 100vh;width: 100vh;background:blue;display: flex;align-items: center;justify-content: center">
    <div style="display: flex;align-items: center;justify-content: center">
        <div style="background:rgba(255, 255, 255 ,0.25);border:1px solid rgba(255, 255, 255 ,0.18);backdrop-filter:blur(4px);
             width: 200px;
             height:200px;
             display: flex;
             align-items: center;
             justify-content: center;
             flex-direction: column;
             border-radius: 20px;
             position: relative;">
            <img width="50px" height="50px" src="https://hype4.academy/_next/static/media/pix3.fb29b890.png" alt="Pixie - Frontend Unicorn book"/>
            <h2>Pixie</h2>
            <p>   🦄 🔥  🤩The Frontend Unicorn</p></div>
    </div>
</div>
</body>
</html>